import React from "react"
import './hero.scss'

class Hero extends React.Component{
  constructor(props) {
    super(props)
    this.state = {
      banner: []
    }
  }

  render() {
    return (
      <section className="hero-container">
        {/* <img src="" alt=""/> */}
        <h1>A BEATIFUL BLOG</h1>
        <span className="decoration-line"></span>
        <h2>with no Featured Images Required</h2>

        <footer className="hero-footer">
          <a className="hero-btn" href="/">READ MORE</a>
          or
          <a className="hero-btn" href="/">CONTACT ME</a>
        </footer>
      </section>
    )
  }
}

export default Hero